﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="EstiloImagenUpload.ascx.cs" Inherits="Emporium_Web.EstiloImagenUpload" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<asp:ImageButton ID="btnAgregarImagen" Visible="true" runat="server" ImageUrl="~/images/icons/web-app/48/Add.png"  Width="72px" Height="72px"/>
<asp:ImageButton ID="btnEditarImagen" Visible="false" runat = "server" Width ="72px" Height="72px"/>

<asp:TextBox ID="txtRuta" runat="server" style="display:none"></asp:TextBox> 
<br />
<asp:RequiredFieldValidator ID="reqRuta" runat="server" ControlToValidate="txtRuta" ErrorMessage="" ValidationGroup ="AgregarImagen"></asp:RequiredFieldValidator>

<asp:Panel ID="ModalPanelEstiloImagenUpload" runat="server" Width="500px" Height="200px" BackColor="White" Style="display: none">
<div>
    <article class="container_12">
		<section class="grid_12">
			<div class="block-border">
				<h1>Agregar Imagen</h1>

                <div style="width: 100%; float: left; padding-top: 20px;">
                    <div style="width: 100%; height: 45px; float: inherit;">
                        <div style="width: 100px; float: left;">
                            <label>Archivo</label>
                        </div>
                        <div align="left" style="width: 70%; float: left;">
                            <asp:FileUpload ID="fupRutaArchivo" runat="server"  
                             Width="90%" Height="20px" CssClass="Texto" />
                        </div>
                    </div>
                    
                </div>

				<div style="width:100%; float:left; padding-top:11px; padding-bottom:20px;">
                    <asp:HiddenField ID="hdnSeleccion" runat="server" />
					<ul class="message error no-margin" runat="server" id="errorMessage">
					    <li><asp:Label runat="server" ID="lblErrorMessage"></asp:Label></li>
					</ul>
                    <ul class="message warning no-margin" runat="server"  id="warningMessage">
					    <li><asp:Label runat="server" ID="lblWarningMessage"></asp:Label></li>
					</ul>
				</div>

				<!-- footer para cerrar el estilo bien-->
				<div align="left" style="width:100%; float:inherit; vertical-align:middle;">
                <asp:Button ID="btnAceptar" runat="server" Text="Aceptar" CssClass="button" CausesValidation ="false" 
                        onclick="btnAceptar_Click" />
                <asp:Button ID="btnCancelar" runat="server" Text="Cancelar" CssClass="button" 
                        onclick="btnCancelar_Click" />
				</div>
			</div>
		</section>
                </article>
</div>
</asp:Panel>
<ajaxToolkit:ModalPopupExtender ID="mpeImagenUpLoad" runat="server" TargetControlID="btnAgregarImagen" CancelControlID = "btnCancelar"
  PopupControlID="ModalPanelEstiloImagenUpload" BackgroundCssClass = "modalBackgroundDiv" DropShadow = "true"/>

